<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>网易考拉海购-商品列表页</title>
	<link rel="stylesheet" type="text/css" href="../css/base.css">
	<link rel="stylesheet" type="text/css" href="../css/common.css">
	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.css">
</head>
<body>
<div class="layout goods-list">   
<!-- 搜索栏 -->
    <section class="goods-search">
     	<div class="goods-left">&lt;</div>
        <input class="goods-input" type="text" placeholder="手机壳">
    </section>
	
	<ul class="headline">
		<li class="act">综合</li>
		<li>销量</li>
		<li>新品</li>
		<li>价格</li>
	</ul>
	<ul class="goods-item">
		<li>
			<img src="https://haitao.nos.netease.com/onlineihleg5si12989.jpg?imageView&thumbnail=400x0&quality=95&type=webp">
			<h3>网易智造空气感手机壳</h3>
			<div class="mt20">
				<span class="act-price">￥38</span>
				<span class="mak-price"><del>￥56</del></span>
				
			</div>
			<div>
				<span class="act-tag">自营</span><span class="act-hot">券</span><span class="color6">97.5%好评</span>	
			</div>
		</li>
		<li>
			<img src="https://haitao.nos.netease.com/onlineihleg5si12989.jpg?imageView&thumbnail=400x0&quality=95&type=webp">
			<h3>网易智造空气感手机壳</h3>
			<div class="mt20">
				<span class="act-price">￥38</span>
				<span class="mak-price"><del>￥56</del></span>
				
			</div>
			<div>
				<span class="act-tag">自营</span><span class="act-hot">券</span><span class="color6">97.5%好评</span>	
			</div>
		</li>
		<li>
			<img src="https://haitao.nos.netease.com/onlineihleg5si12989.jpg?imageView&thumbnail=400x0&quality=95&type=webp">
			<h3>网易智造空气感手机壳</h3>
			<div class="mt20">
				<span class="act-price">￥38</span>
				<span class="mak-price"><del>￥56</del></span>
				
			</div>
			<div>
				<span class="act-tag">自营</span><span class="act-hot">券</span><span class="color6">97.5%好评</span>	
			</div>
		</li>
		<li>
			<img src="https://haitao.nos.netease.com/onlineihleg5si12989.jpg?imageView&thumbnail=400x0&quality=95&type=webp">
			<h3>网易智造空气感手机壳</h3>
			<div class="mt20">
				<span class="act-price">￥38</span>
				<span class="mak-price"><del>￥56</del></span>
				
			</div>
			<div>
				<span class="act-tag">自营</span><span class="act-hot">券</span><span class="color6">97.5%好评</span>	
			</div>
		</li>
	</ul>
</div>
 <script type="text/javascript" src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="../js/rem.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.js"></script>
	<script type="text/javascript" src="../js/html/index.js"></script>
</body>
</html>